<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Layout 1</title>
<jsp:include page="inc/include-head.jsp" flush="true" />
</head>
<body>
	<div class="topo">
		<div class="col-sm-2"></div>
		<div class="col-sm-4">
				<span class="glyphicon glyphicon-chevron-down"></span><span class="glyphicon glyphicon-user"></span> Antônio
		</div>
			<div class="col-sm-2 navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
			</div>
			<div class=" col-sm-6 collapse navbar-collapse navbar-ex1-collapse">
				<ul class="nav navbar-nav pull-right">
					<li><a href="layout1.jsp" class="navbar-brand">Principal</a></li>
					<li><a href="layout1-usuario.jsp">Usu&aacute;rios</a></li>
					<li><a href="layout1-historico">Hist&oacute;rico</a></li>
				</ul>
			</div>

		</div>
		<div class="col-sm-2"></div>
	
	<div class="col-sm-12 conteudo-slider">
		<div class="col-sm-2"></div>
		<div class="col-sm-8">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide comodo-selecionado">
						<i class="glyphicon icon-hdtv"></i> Sala
					</div>

					<div class="swiper-slide">
						<i class="glyphicon icon-fridge"></i> Cozinha
					</div>

					<div class="swiper-slide">
						<i class="glyphicon icon-bed"></i> Quarto
					</div>
					<div class="swiper-slide">
						<i class="glyphicon icon-automobile-car"></i> Garagem
					</div>
				</div>
			</div>
		</div>
		<div class="col-sm-2"></div>
	</div>
	<div class="col-sm-3"></div>
	<div class="col-sm-6 conteudo">
		<div class="box-callout box-callout-azul">
			<span class="acao">Lâmpada TV<span class="liga" onclick='$(this).removeClass("liga");$(this).addClass("desliga"); '></span></span>
		</div>
		<div class="box-callout box-callout-azul">
			<span class="acao">Lâmpada MESA<span class="desliga"></span></span>
		</div>
		<div class="box-callout box-callout-azul">
			<span class="acao">TV<span class="desliga"></span></span>
		</div>
	</div>

	<div class="col-sm-3"></div>

	<div class="rodape"></div>


	<script type="text/javascript">
		$(function() {
			var mySwiper = $('.swiper-container').swiper({
				mode : 'horizontal',
				loop : true,
				slidesPerView : 4
			});
		})
	</script>
</body>
</html>